

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>留言板简易版</title>
	<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	$(function(){

		$('#all div.bt ul.color li.c').click(function() {
			
			var c=$(this).css('backgroundColor');
			$("#all").css({backgroundColor:c});
			
			
		});
	});
	</script>
	<style type="text/css">
	*{
		padding: 0;
		margin:0;
	}
	ul{
		list-style: none;
	}
	textarea{
	resize: none;
} 
	div#all{

		box-shadow: 0px 0px 10px ;
		width: 978px;
		height: 240px;
		background-color:#08C9D5;
		margin: 0 auto;
		overflow: hidden;
	}
	#all .top{
		float: left;
		height: 68px;
		width: 970px;
		margin:4px;
		/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#077AB1, endColorStr=#002F43, gradientType=1);*/
		/*filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#86CEFF,endcolorstr=#000099,gradientType=1);*/
	}
	#all .top h1{
		text-align: left;
		line-height: 68px;
		padding-left: 16px;
		color: #fff;
		
	}
	#all .middle{
		float: left;
		height: 159px;
		width: 970px;
		background-color: #fff;
		margin:0px 4px 4px 5px;
	}
	#all .NewMessage{
		height: 159px;
		width: 970px;
		float: left;
		position: relative;
	}
	#all div.bt{
		height: 30px;
		width: 970px;
		background-color: #D7E7F6;
	}
	#all div.bt h2{
		line-height: 30px;
		padding-left: 10px;
		color: #0066BB;
		font-size: 14px;
	}
	#all div.bt ul.color{
		height: 14px;
		width: 85px;
		position: absolute;
		right: 0px;
		top: 6px;
	}
	#all div.bt ul.color li.c {

		display: block;
		height: 14px;
		width: 14px;
		float: left;
		margin-right: 7px;
		background: red;
		border-radius: 2px;
	}
	#all .NewMessage .MessageNew{
		height: 129px;
		width: 970px;
		float: left;
	}
	
	#all .nameSex{
		margin-left: 23px;
		margin-top: 8px;
	}

	</style>
</head>
<body>

	<div id="all">
		<div class="top"><h1>留言板,廖东廷制作QQ725636367<a href="jd/index.html">京东首页</a></div></h1>
		<div class="middle">
			<div class="NewMessage">
				<div class="bt">
				<h2>修改留言</h2>
				<ul class="color">
					<li class="c" style="background:#4CD2D6;"></li>
					<li class="c" style="background:#B2D40E;"></li>
					<li class="c" style="background:#E73F72;"></li>
					<li class="c" style="background:#FAAC3F;"></li>
				</ul>
				</div>
				<div class="MessageNew">
				<div class="nameSex">
				<form action="" method="post">
					<strong>昵称(*):</strong>
					<input class="name" value="<?php echo $arr1['name'] ?>" maxlength="4" type="text" name='name' />
					<strong>性别(*):</strong>
					男:<input value="男" <?php if ($arr1['sex']=='男') { echo ('checked="checked"');} ?>
					 type="radio" name="sex" id="" />

					女:<input value="女" <?php if ($arr1['sex']=='女') { echo ('checked="checked"');} ?>  type="radio" name="sex" id="" />
					<br />
					<strong>选择图像</strong>
					<input <?php if ($arr1['jpg']=='girl.jpg') { echo ('checked="checked"');} ?> type="radio" name="sex" value="girl.jpg" type="radio" name="jpg" id="" />
					<img src="images/girl.jpg" alt="" />
					<input <?php if ($arr1['jpg']=='man1.jpg') { echo ('checked="checked"');} ?> value='man1.jpg' type="radio" name="jpg" id="" />
					<img src="images/man1.jpg" alt="" />
					<?php $arr1['jpg']=strips($arr1['jpg']) ?>
					<input <?php if ($arr1['jpg']=='oldman.jpg') { echo ('checked="checked"');} ?> value='oldman.jpg'type="radio" name="jpg" id="" />
					<img src="images/oldman.jpg" alt="" />
					<br />
					<strong align="center">内容(*):</strong>
					<textarea maxlength="41"  resize="none" name="text" id="" cols="30" rows="1"><?php echo $arr1['text'] ?></textarea>
					<br />
  					<input style="margin-left:78px;" type="submit" value="提交" />
					</form>

				</div>
				
					
				</div>
			</div>
			
			</div>
		</div>	
	</div>
	
</body>
</html>
